<template>
  <div>
    <van-list>
      <van-cell value="修改" is-link>
        <template #title>
          <van-icon class="iconfont icon-gerentouxiang_o" size="30" />
          <span>umD810846700</span>
        </template>
      </van-cell>
      <van-cell is-link>
        <template #title>
          <van-icon class="iconfont icon-31mima" size="30" />设置登录密码
        </template>
      </van-cell>
      <van-cell value="更改" is-link>
        <template #title>
          <van-icon class="iconfont icon-huafei" size="30" />
          <span>已绑定手机号 158****5663</span>
        </template>
      </van-cell>
      <van-cell is-link>
        <template #title
          ><van-icon class="iconfont icon-daishouhuo" size="30" /><span
            >收货地址管理</span
          >
        </template>
      </van-cell>
    </van-list>
    <van-button type="danger" size="large" @click="logout">退出登录</van-button>
  </div>
</template>

<script  setup>
import {useUserStore} from '@/store'
import {useRouter} from 'vue-router'

const router=useRouter()
const userStore=useUserStore()
const logout=()=>{
    userStore.setUserId('')
    localStorage.setItem('userId','')
    router.push('/login')
}
</script>

<style lang="less" scoped>
</style>